<template>
  <div class="largeBox">


    <div class="leftBox">
      <div class="smallBox">
        <span class="expand-key">上级运营商</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.operator_name }}</span>
      </div>
      <div class="smallBox">
        <span class="expand-key">所属BDM</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.bdm_name }}</span>
      </div>
      <div class="smallBox">
        <span class="expand-key">所属BD </span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.bd_name }}</span>
      </div>
      <div class="smallBox">
        <span class="expand-key">签约台数</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.cupboard_num }}</span>
      </div>
      <div class="smallBox">
        <span class="expand-key">分润比例</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.profit_ratio }}</span>
      </div>
      <div class="smallBox">
        <span class="expand-key">所属行业</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.industry }}</span>
      </div>
    </div>

    <div class="rightBox">
      <div class="smallBox">
        <span class="expand-key">营业时间</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ this.open_time }}</span>
      </div>


      <div class="smallBox">
        <span class="expand-key">申请时间</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.create_time }}</span>
      </div>


      <div class="smallBox">
        <span class="expand-key">审核时间</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.audit_time }}</span>
      </div>
      <div v-if="(row.is_sync == '已下调')" class="smallBox">
        <span class="expand-key">下调时间</span>
        &nbsp;&nbsp;
        <span class="expand-value">{{ row.sync_time }}</span>
      </div>
    </div>


  </div>
</template>

<script>
export default {
  props: {
    row: Object
  },

  data() {
    return {
      open_time: this.row.open_start_time + '-' + this.row.open_end_time
    }
  },
  methods: {

  },
  created() {
  }
}
</script>


<style lang="less" scoped>
.largeBox {
  display: flex;

  .rightBox,
  .leftBox {
    display: flex;
    flex-direction: column;

    .smallBox {
      display: flex;

      span {
        margin-bottom: 5px;
      }
    }
  }

  .leftBox {
    margin-left: 180px;
  }

  .rightBox {
    margin-left: 150px;
  }
}
</style>
